@extends('index.common.framework') 
@section('head')
<link href="{{ env('APP_STATIC') }}css/full-slider.css" rel="stylesheet">
@endsection
 
@section('content')
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
    <ol class="carousel-indicators">
        @for ($i = 0; $i < count($sliders); $i++)
            @if ($i == 0)
            <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
            @else
            <li data-target="#carouselExampleIndicators" data-slide-to="{{$i}}"></li>
            @endif
        @endfor
    </ol>
    <div class="carousel-inner" role="listbox">
            @foreach( $sliders as $index => $slider)
            @if($index === 0)
            <div class="carousel-item active" style="background-image: url('{{env("APP_UPLOAD").$slider["img"]}}')">
                <div class="carousel-caption d-none d-md-block">
                    <h3>{{ $slider['title'] }}</h3>
                    <p>{{ $slider['intro'] }}</p>
                </div>
            </div>
            @else
            <div class="carousel-item" style="background-image: url('{{env("APP_UPLOAD").$slider["img"]}}')">
                <div class="carousel-caption d-none d-md-block">
                    <h3>{{ $slider['title'] }}</h3>
                    <p>{{ $slider['intro'] }}</p>
                </div>
            </div>
            @endif
        @endforeach

        <div class="panel panel-info lr-panel" id="register-panel">
            <div class="panel-heading text-center">
                <h4 class="panel-title">登录</h4>
            </div>
            <div class="panel-body">
                <div>
                    <form class="form-group lr-form" id="dologin-form">
                        {{ csrf_field() }}
                        <input type="hidden" name="code_type" value="1">
                        <div class="input-group input-group-sm">
                            <span class="input-group-addon fa fa-envelope-o fa-fw" id="sizing-addon3"></span>
                            <input type="text" class="form-control" placeholder="用户名或邮箱" aria-describedby="sizing-addon3" required name="name">
                        </div>
                        <div class="input-group input-group-sm">
                                <span class="input-group-addon fa fa-key fa-fw"></span>
                                <input type="password" class="form-control" placeholder="密码" required name="password">
                            </div>
                        <div class="input-group input-group-sm" style="display:none;" id="captcha">
                            <span class="input-group-addon fa fa-cogs fa-fw"></span>
                            <input type="text" class="form-control col-sm-6" placeholder="验证码" required name="captcha">
                            <div class="col-sm-5">
                                <span><img src="{{ captcha_src() }}" alt="captcha" class="captcha-img"></span>
                            </div>
                        </div>
                        <div class="input-group input-group-sm btn-group-sm">
                            <div class="col-sm-3"></div>
                            <button class="col-sm-6 btn btn-primary submit" type="button"><p style="display:inline">&nbsp;&nbsp;登录</p></button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
          <span class="fa fa-angle-left fa-2x" aria-hidden="true"></span>
          <span class="sr-only">Previous</span>
        </a>
    <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
          <span class="fa fa-angle-right fa-2x" aria-hidden="true"></span>
          <span class="sr-only">Next</span>
        </a>
</div>
@endsection